.oy-hidden { overflow-y: hidden; }
.couponBorder {
    width: 100%;
    overflow-x: auto;
    background-color: white;
}
.couponBorderFrame { padding: 1em; overflow-y: hidden; }
.couponCard {
    /*float: left;*/
    background: rgba(128, 128, 128, 0.2);
    color: #FFFFFF;
    background-color: #EF4D40;
    border-radius: .3em;
    height: 3em;
}
.couponMargin { margin: 0  .5em; }
.couponLeftCard, .couponRightCard, .couponCenterCard, .couponSymbol {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 15%;
}
.couponSymbol {
    font-size: .6em;
    font-weight: normal;
    line-height: 2em;
}
.couponLeftCard {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0 0.5em;
}
.couponCenterCard {
    height: 100%;
    top: 0;
}
.couponCenterCenter {
    border-right: 0.08em dashed #FFFFFF;
    position: relative;
    height: 76%;
}
.couponCenterTop, .couponCenterBottom {
    position: relative;
    border-radius: 50%;
    background-color: white;
    height: 12%;
}
.couponCenterTop { top: -6%; }
.couponCenterBottom { bottom: -6%; }
.couponRightCard {
    font-size: 0.8em;
    word-break: break-all;
    padding: 0 1em;
}
.couponNML { margin-left: 0; }
.couponNMR { margin-right: 0; }